<template>

  <el-container style="overflow: hidden; height: 100%; width: 100%; ">

    <el-header height="auto" style=" border-bottom: 1px solid #060f1a12; ">
      <api-header></api-header>
    </el-header>

    <el-container class="api-body-contaniner"  style="overflow-y: scroll; overflow-x: hidden;">
      <api-log v-if="$loginUser && $loginUser.loginId" :apiDataList="apiRoot" :apiUrlCahce="apiUrlCahce"></api-log>
    </el-container>

  </el-container>

</template>

<script>


  import ApiLog from './api_sub/api-log.vue'

  import ApiHeader from '../layout/api-header.vue'

  export default {

    components: {ApiLog,  ApiHeader},

    data() {
      return {

        apiRoot: [],

        apiUrlCahce: {}
      };
    },

    watch: {},
    created() {
      var _this = this
      if(!this.$loginUser || !this.$loginUser.loginId){
        this.$jump('/login')
        return false
      }

    },
    mounted() {
      var _this = this;

    },

    destroyed() {
    },

    methods: {}
  }

</script>
<style>


</style>
